$(function(){
    // 1.数据展示
    var currPage = 1;
    var render = function(){
        getuserdata({
            page:currPage,
            pageSize:5
        },function(data){
            // console.log(data);
            // 渲染页面
            $('tbody').html(template('usermanage',data))
            // 渲染分页
            setPagenitor(data.page,Math.ceil(data.total/data.size))
        })
    }
    render();
    // 2.分页展示
    var setPagenitor = function(currentPage,totalPages){
        $('#paginator').bootstrapPaginator({
            // 版本
            bootstrapMajorVersion:3,
            // 当前页
            currentPage: currentPage,
            // 总页数
            totalPages:totalPages,
            size:'small',
            itemTexts: function (type, page, current) {//设置显示的样式，默认是箭头
                switch (type) {
                    case "first":
                        return "首页";
                    case "prev":
                        return "上一页";
                    case "next":
                        return "下一页";
                    case "last":
                        return "末页";
                    case "page":
                        return page;
                }
            },
            //点击事件
            onPageClicked: function (event, originalEvent, type, page) {
                // console.log(page);page为当前你点击的页面
                // 将页码改为点击的页码，在进行渲染
                currPage = page;
                render();
            }

        })
    }
    // 3.禁用用户
    // 4.启用用户
    $('tbody').on('click','.btn-sm',function(){
        var name = $(this).data('name');
        var status = $(this).hasClass('btn-danger')?'禁用':'启用';
        var word = status+''+name;
        $('strong').html(word);
        var id = $(this).data('id');
        var isDelete = $(this).hasClass('btn-danger')?0:1;
        var that = $(this);
	//   让模态框显示到页面中
    $('#optionModal').modal('show');
    // 点击按钮时进行退出
    // 防止多次绑定
    $('#optionModal').off('click','.btn-primary').on('click','.btn-primary',function(){
         // alert(111)
         
         // console.log(isDelete)
         
         $.ajax({
             type:'post',
             url:'/user/updateUser',
             data:{id:id,isDelete:isDelete},
             dataType:'json',
             success:function(data){
                 if(data.success){
                     // console.log(111)
                     if(that.html()=='禁用'){
                         that.html('启用');
                         that.parent().prev().html('禁用')
                     }else{
                         that.html('禁用');
                         that.parent().prev().html('正常')
                     }
                     //   让模态框显示到页面中
                    $('#optionModal').modal('hide');
                    // 渲染页面
                     render()
                 }
             }
         })
     })
    })
       
    
})

var getuserdata = function(params,callback){
    $.ajax({
        type:'get',
        url:'/user/queryUser',
        data:params,
        dataType:'json',
        success:function(data){
            callback && callback(data)
        }
    })
}
